<template>
    <div>
      <el-table :data="seckList" border style="width: 100%">
        <el-table-column prop="title" label="活动名称"> </el-table-column>
        <el-table-column label="状态" width="180">
          <template slot-scope="item">
            <div>
              <el-tag v-if="item.row.status == 1" type="success">启用</el-tag>
              <el-tag v-else type="danger">禁用</el-tag>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="操作">
          <template slot-scope="item">
            <div>
              <el-button
                @click="($event) => edit(item.row.id)"
                type="primary"
                size="mini"
                plain
              >编辑</el-button>
              <el-button
                @click="($event) => del(item.row.id)"
                type="danger"
                size="mini"
                plain
              >删除</el-button>
            </div>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </template>
  
  <script>
  import { seckdelete } from "@/request/api";
  import { mapGetters, mapActions } from "vuex";
  export default {
    data() {
      return {};
    },
    mounted() {
      this.getSeckAction();
      console.log(this.getSeckAction());
    },
    computed: {
      ...mapGetters({
        seckList: "seckill/getSeck",
      }),
    },
    methods: {
      ...mapActions({
        getSeckAction: "seckill/getSeckAction",
      }),
      edit(id) {
        this.$emit("edit", id);
      },
      del(id) {
        this.$confirm("你确定要删除这条数据吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
          .then(() => {
            seckdelete({ id }).then((res) => {
              if (res.code == 200) {
                this.$message.success(res.msg);
                this.getSeckAction();
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消删除",
            });
          });
      },
    },
  };
  </script>
  
  <style scoped></style>